<!doctype html>
<html lang="zh-CN">

<head>
    <title>溯源官网</title>
    <meta charset="utf-8">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/swiper.min.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/component/hea.css">
    <link rel="stylesheet" href="./css/component/bottom.css">
    <style>
        .swiper-container-horizontal>.swiper-pagination-bullets,
        .swiper-pagination-custom,
        .swiper-pagination-fraction {
            bottom: 40px;
        }
    </style>
</head>

<body>
    <div id='app'>

        <!-- 公共头部 -->
        <div class='com-hea-wrap'>
            <div class='com-hea-top'>
                <div>1</div>
                <div class='com-top-con dis-spa'>
                    <div class='dis-spa com-top-liulan'>
                        <div class='dis-spa' id='hover-hea'>
                            <div class='icon-trans hover-ani'>
                                <div id='hover-white-1' el='#hover-white-1'></div>
                                <img el='#hover-white-1' class='hover' src='./img/btc.png' width='20px' height='20px' />
                            </div>
                            <div class='icon-trans hover-ani'>
                                <div id='hover-white-2' el='#hover-white-2'></div>
                                <img el='#hover-white-2' class='hover' src='./img/yi.png' width='20px' height='20px' />
                            </div>
                        </div>
                        <img src='./img/hea-bg.png' height='42px' />
                    </div>
                    <div class='dis-spa com-top-contact'>
                        <div class='dis-spa'>
                            <img src='./img/weixin.svg' width='20px' height='20px' />
                            <span>17353262583 17365294814</span>
                        </div>
                        <div class='dis-spa'>
                            <img src='./img/icon-oil.svg' width='20px' height='20px' />
                            <span>023-63410620</span>
                        </div>
                        <div class='dis-spa'>
                            <img src='./img/icon-phone.svg' width='20px' height='20px' />
                            <span>023-63410620</span>
                        </div>
                    </div>
                </div>
                <div>2</div>
            </div>
            <div class='com-hea-bottom'>
                <div class='center-con dis-spa'>
                    <img class='hover' src="./img/logo.png" height="40px">
                    <div class='com-bom dis-spa'>
                        <span onclick='window.location.href="index.html"' class="hea-active hover">首页</span>
                        <span onclick='window.location.href="about-us.html"' class='hover'>关于我们</span>
                        <span onclick='window.location.href="solution-nfc.html"' class='hover'>行业解决方案</span>
                        <span onclick='window.location.href="case.html"' class='hover'>合作案例</span>
                        <span onclick='window.location.href="news.html"' class='hover'>新闻中心</span>
                        <span onclick='window.location.href="find-we.html"' class='hover'>联系我们</span>
                    </div>
                </div>
            </div>
        </div>
        <!-- 公共头部 -->

        <div class='content-1'>
            <div class="swiper-container swiper-container-2" style="height:100%;">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <img src="./img/con-1.png" width="100%" height="100%">
                    </div>
                    <div class="swiper-slide">
                        <img src="./img/con-1.png" width="100%" height="100%">
                    </div>
                    <div class="swiper-slide">
                        <img src="./img/con-1.png" width="100%" height="100%">
                    </div>
                    <div class="swiper-slide">
                        <img src="./img/con-1.png" width="100%" height="100%">
                    </div>
                </div>
                <div class="swiper-pagination swiper-pagination-2"></div>
            </div>
        </div>

        <div class='content-3'>
            <div class='center-con cont-3-par'>
                <div>
                    <img data-scroll-reveal="enter top, move 50px, over 1s" src="./img/icon.png" width="40px" height="40px">
                    <h1 data-scroll-reveal="enter bottom, move 60px, over 1s">烟酒业防伪溯源系统</h1>
                    <p data-scroll-reveal="enter left, move 50px, over 1s">采用REID技术，控制整个酒类生产、流通、销售的产品跟踪与监管，解决目前的酒类防伪技术无法全称跟踪的问题。确保我们的产品是正品</p>
                </div>
                <div>
                    <img data-scroll-reveal="enter bottom, move 50px, over 1s" src="./img/icon-1.png" width="40px" height="40px">
                    <h1 data-scroll-reveal="enter top, move 50px, over 1s">珠宝业防伪溯源系统</h1>
                    <p data-scroll-reveal="enter bottom, move 50px, over 1s">系统连接珠宝产业链上各个参与方从珠宝的源头到消费点在链上的全程的登记和共享，使珠宝生产、加工、分销零售各个环节进行公开透明化</p>
                </div>
                <div>
                    <img data-scroll-reveal="enter top, move 50px, over 1s" src="./img/icon (2).png" width="40px" height="40px">
                    <h1 data-scroll-reveal="enter left, move 50px, over 1s">服装业防伪溯源系统</h1>
                    <p data-scroll-reveal="enter right, move 50px, over 1s">赋予每一件服装商品唯一的身份识别ID，检查此ID即可查询这件商品在生产、物流、销售等环节所记录的信息，从而实现对单件商品的及时跟踪追溯</p>
                </div>
            </div>
            <div class='center-con cont-3-par' style="margin-top:35px">
                <div>
                    <img data-scroll-reveal="enter top, move 50px, over 1s" src="./img/icon (3).png" width="40px" height="40px">
                    <h1 data-scroll-reveal="enter left, move 50px, over 1s">纪念品防伪溯源系统</h1>
                    <p data-scroll-reveal="enter right, move 50px, over 1s">溯源是物联网、移动互联网、一物一码等技术的整合应用。在生产过程中在重要环节采集信息。从而形成产品从原料、生产加工、质量检测、物流运输等环节的信息监控</p>
                </div>
                <div>
                    <img data-scroll-reveal="enter bottom, move 50px, over 1s" src="./img/icon (4).png" width="40px" height="40px">
                    <h1 data-scroll-reveal="enter top, move 50px, over 1s">快消品防伪溯源系统</h1>
                    <p data-scroll-reveal="enter bottom, move 50px, over 1s">溯源是物联网、移动互联网、一物一码等技术的整合应用。形成产品从原料、生产加工、质量检测、物流运输等环节的信息监控</p>
                </div>
                <div>
                    <img data-scroll-reveal="enter top, move 50px, over 1s" src="./img/icon (5).png" width="40px" height="40px">
                    <h1 data-scroll-reveal="enter bottom, move 60px, over 1s">其他溯源系统</h1>
                    <p data-scroll-reveal="enter left, move 50px, over 1s">通用溯源系统有效应对企业溯源通用需求，溯源二维码的多场景应用，打开线上线下入口，为企业创造价值，为用户带来便利</p>
                </div>
            </div>
        </div>
        <div class='content-4'>
            <div class='center-con'>
                <div class='type-4'>
                    <span data-scroll-reveal="enter right, move 50px, over 1s">烟酒业</span>
                    <span></span>
                    <span data-scroll-reveal="enter top, move 50px, over 1s">珠宝业</span>
                    <span></span>
                    <span data-scroll-reveal="enter left, move 50px, over 1s">服装业</span>
                </div>
                <div class='more-meth-btn' data-scroll-reveal="enter bottom, move 50px, over 1s">
                    更多行业解决方案
                </div>
            </div>
        </div>
        <div class='content-5' style="border-bottom:1px solid #eee;">
            <div class='center-con yujin-sys'>
                <div class='yujin-top' data-scroll-reveal="enter bottom, move 50px, over 1s">
                    <div class='yujin-top-con'>
                        <h1>行业解决方案</h1>
                        <p>区块链技术结合防伪标签和物联网设备，能够防止人为因素造成的数据源造假，确保产品信息真实唯一，可溯源，防篡改，实时监控审核商品身份、商品动态、商品流向。</p>
                    </div>
                </div>
                <div class='yujin-middle'>
                    <div class='yujin-left'>
                        <div class='lunbo-wrap'>
                            <div class='lunbo'>
                                <div class="swiper-container-1 swiper-container" style="height:100%;">
                                    <div class="swiper-wrapper">
                                        <div class="swiper-slide">
                                            <img src="./img/xin-1.jpg" width="100%" height="100%">
                                        </div>
                                        <div class="swiper-slide">
                                            <img src="./img/xin-1.jpg" width="100%" height="100%">
                                        </div>
                                        <div class="swiper-slide">
                                            <img src="./img/xin-1.jpg" width="100%" height="100%">
                                        </div>
                                        <div class="swiper-slide">
                                            <img src="./img/xin-1.jpg" width="100%" height="100%">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class='yujin-right' data-scroll-reveal="enter right, move 80px, over 1.2s">
                        <div>
                            <h1>智鼎溯源安全预警系统</h1>
                            <p>
                                区块链分布式账本+全行业防伪溯源系统解决方案，以区块链去中心化，不可篡改的特殊属性，结合物联网设备，能够防止人为因素的数据源造假，确保上链产品信息的真实性和唯一性，可溯源，可防伪，不同生产岗位和销售环节通过区块链技术在低成本，高效率的环境下，紧密配合，实时统计商品的最新动态和流向，从而达到公信于市场，成为消费者可依赖，可信任的品牌。
                            </p>
                            <p>查看详情</p>
                        </div>

                    </div>
                </div>
                <div class='yujin-bottom'>
                    <div id='sep-swi'>
                        <div class="swiper-pagination-1 swiper-pagination"></div>
                    </div>
                </div>
            </div>
        </div>
        <div class='content-6' style="padding:70px 0;">
            <div class='center-con'>
                <div class='yujin-top'>
                    <div class='yujin-top-con' data-scroll-reveal="enter top, move 50px, over 1s">
                        <h1>合作案例</h1>
                        <p>我们致力于为客户提供最优质的技术和服务，保障广大客户群体的利益，确保每一个产品都是正品，我们拒绝假货。</p>
                    </div>
                </div>
                <div class='cen-6-goods-wrap'>
                    <div class="cen-6-left" data-scroll-reveal="enter left, move 50px, over 1s">
                        <div class='mask'></div>
                        <img src="./img/xin-1.jpg" width="100%" height="100%">
                        <div class='goods-foot'>
                            <p>意见栏</p>
                            <h1>环评问铁观音</h1>
                        </div>
                    </div>
                    <div class='cen-6-right'>
                        <div class='right-left'>
                            <div data-scroll-reveal="enter top, move 50px, over 1s" class='right-left-top' style="position:relative;margin-bottom:10px;">
                                <div class='mask'></div>
                                <img src="./img/xin-1.jpg" width="100%" height="100%">
                                <div class='goods-foot'>
                                    <p>意见栏</p>
                                    <h1>环评问铁观音</h1>
                                </div>
                            </div>
                            <div data-scroll-reveal="enter bottom, move 50px, over 1s" class='right-left-bottom' style="position:relative;">
                                <div class='mask'></div>
                                <img src="./img/xin-1.jpg" width="100%" height="100%">
                                <div class='goods-foot'>
                                    <p>意见栏</p>
                                    <h1>环评问铁观音</h1>
                                </div>
                            </div>
                        </div>
                        <div data-scroll-reveal="enter right, move 50px, over 1s" class='right-right' style="position:relative;height:100%;">
                            <div class='mask'></div>
                            <img src="./img/xin-1.jpg" width="100%" height="100%">
                            <div class='goods-foot'>
                                <p>意见栏</p>
                                <h1>环评问铁观音</h1>
                            </div>
                        </div>
                    </div>
                </div>
                <div class='zhao-shang'>
                    <div class='zhao-top'>
                        <div>
                            <img data-scroll-reveal="enter left, move 50px, over 1s" src="./img/logo 01.png">
                        </div>
                        <div>
                            <img data-scroll-reveal="enter top, move 50px, over 1s" src="./img/logo 02.png">
                        </div>
                        <div>
                            <img data-scroll-reveal="enter top, move 50px, over 1s" src="./img/logo 03.png">
                        </div>
                        <div>
                            <img data-scroll-reveal="enter right, move 50px, over 1s" src="./img/logo 04.png">
                        </div>
                    </div>
                    <div class='zhao-bottom'>
                        <div>
                            <img data-scroll-reveal="enter right, move 50px, over 1s" src="./img/logo 04 2.png">
                        </div>
                        <div>
                            <img data-scroll-reveal="enter bottom, move 50px, over 1s" src="./img/logo 05.png">
                        </div>
                        <div>
                            <img data-scroll-reveal="enter left, move 50px, over 1s" src="./img/logo 06.png">
                        </div>
                    </div>
                </div>
                <div class='yujin-top'>
                    <div class='yujin-top-con' data-scroll-reveal="enter top, move 50px, over 1s">
                        <h1>新闻中心</h1>
                        <p>这里有每天最新的行业咨讯，你不可错过的知识平台，为你添砖加瓦</p>
                    </div>
                </div>
                <div class='notice-wrap'>
                    <div class='notice' data-scroll-reveal="enter left, move 50px, over 1s">
                        <img src="./img/xin-2.png" width="100%">
                        <h1>祝贺神马谁看了都会解放军啊上帝就发垃圾是快乐的收到后尽快立法深刻了解到</h1>
                        <p>金克拉速度加快立法深度发掘考虑时间考虑对方圣诞节克拉夫解开了士大夫阿斯蒂芬解开了士大夫啊士大夫艰苦了</p>
                        <p>
                            <span>2018-11-24</span>
                            <span>阅读：1000</span>
                        </p>
                    </div>
                    <div class='notice' data-scroll-reveal="enter top, move 50px, over 1s">
                        <img src="./img/xin-2.png" width="100%">
                        <h1>祝贺神马谁看了都会解放军啊上帝就发垃圾是快乐的收到后尽快立法深刻了解到</h1>
                        <p>金克拉速度加快立法深度发掘考虑时间考虑对方圣诞节克拉夫解开了士大夫阿斯蒂芬解开了士大夫啊士大夫艰苦了</p>
                        <p>
                            <span>2018-11-24</span>
                            <span>阅读：1000</span>
                        </p>
                    </div>
                    <div class='notice' data-scroll-reveal="enter right, move 50px, over 1s">
                        <img src="./img/xin-2.png" width="100%">
                        <h1>祝贺神马谁看了都会解放军啊上帝就发垃圾是快乐的收到后尽快立法深刻了解到</h1>
                        <p>金克拉速度加快立法深度发掘考虑时间考虑对方圣诞节克拉夫解开了士大夫阿斯蒂芬解开了士大夫啊士大夫艰苦了</p>
                        <p>
                            <span>2018-11-24</span>
                            <span>阅读：1000</span>
                        </p>
                    </div>
                </div>
            </div>
        </div>
        <!-- 公共底部 -->
        <div class='com-bom-wrap'>
            <div class='center-con dis-spa com-bom-par'>
                <div class='com-bom-left'>
                    <h1>智鼎溯源</h1>
                    <div class='dis-spa'>
                        <p class='dis-spa'>
                            <img src='./img/address.svg' width='14px' height='14px' />
                            <span>重庆市渝中区经纬大道789号美源-美源大厦12层</span>
                        </p>
                        <p class='dis-spa'>
                            <img src='./img/phone.svg' width='14px' height='14px' />
                            <span>023-63410620</span>
                        </p>
                    </div>
                    <div class='dis-spa'>
                        <p class='dis-spa'>
                            <img src='./img/address.svg' width='14px' height='14px' />
                            <span>北京市海淀区安宁庄西路9号金泰富地大厦201</span>
                        </p>
                        <p class='dis-spa'>
                            <img src='./img/phone.svg' width='14px' height='14px' />
                            <span>010-82743591</span>
                        </p>
                    </div>
                    <div class='dis-spa'>
                        <p class='dis-spa'>
                            <img src='./img/oil.svg' width='14px' height='14px' />
                            <span>service@xi-tech.com.cn</span>
                        </p>
                    </div>
                    <div class='dis-spa'>
                        <p class='dis-spa'>
                            <img src='./img/weixin-black.svg' width='14px' height='14px' />
                            <span>17353262583 &nbsp;17365294814</span>
                        </p>
                    </div>
                    <p style='padding-top: 100px;'>Copyright 智鼎溯源有限公司 渝ICP备 17006571号-1</p>
                </div>
                <div class='com-bom-right'>
                    <div class='dis-spa'>
                        <div class='dis-spa com-input-lian'>
                            <input type='text' placeholder='你的联系方式' />
                            <p class='hover'>提交</p>
                        </div>
                        <div class='hover' style='flex:0 0 100px;'>
                            图片
                        </div>
                    </div>
                    <div class='dis-spa' style='padding-top:100px;font-size:15px;'>
                        <span class='hover'>关于我们</span>
                        <span class='hover'>新闻中心</span>
                        <span class='hover'>联系我们</span>
                        <span class='hover'>寻求帮助</span>
                        <span class='hover'>深入了解</span>
                        <span class='hover'>产品中心</span>
                    </div>
                </div>
            </div>
        </div>
        <!-- 公共底部 -->
    </div>
    <script src="./js/jquery.min.js"></script>
    <script src="./js/swiper.min.js"></script>
    <script src="./js/scrollReveal.js"></script>
    <script src="./js/com.js"></script>
    <script>
        new Swiper('.swiper-container-2', {
            autoplay: {
                disableOnInteraction: false,
            },
            loop: true,
            pagination: {
                el: '.swiper-pagination-2',
            },
        });
        new Swiper('.swiper-container-1', {
            autoplay: {
                disableOnInteraction: false,
            },
            loop: true,
            pagination: {
                el: '.swiper-pagination-1',
            },
        })
    </script>
</body>

</html>